<template>
    <span @click="sortType">
        <slot></slot>
    </span>
</template>

<script>
export default {
    props: ['type'],
    data() { 
        return {
            flag: false // false表示倒序 true表示正序
        }
    },
    methods:{
        sortType() {
            this.flag = !this.flag
            if(this.type ==='order') {
                this.$emit('update:sort-order', this.flag)
            } else {
                this.$emit('update:sort-price', this.flag)
            }
        }
    },
 }
</script>

<style scoped>
</style>